<template>
    <div id="home">
        <iframe src="https://go.itab.link/" width="100%" height="99%"></iframe>
        <div class="shrink" >
            <i :class="['iconfont', isFullscreen ? 'icon-suoxiao' : 'icon-fangda']" class="toolBar-icon" @click="toggle"></i>
        </div>
    </div>
 </template>
 <script setup >
 import { useFullscreen } from "@vueuse/core";
const { toggle, isFullscreen } = useFullscreen();
 </script>
 <style scoped lang="scss">
 #home{
    height: 100vh;
 }
.shrink{
    background-color: rgba(252, 252, 252, 0.914);
    position: absolute;
    top: 0;
    right: 0;
}
.toolBar-icon{
    padding: 10px;
}
 </style>